<!DOCTYPE html>
<html style="margin: 0; height: 100%;">
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/index.css" />
		<script src="./js/vue.js"></script>
		<script src="./js/index.js"></script>
		<script src="./js/jquery.min.js"></script>
		<script src="./component/titleBarOneLink.js"></script>
		<script src="./component/asideOneSubMenu.js"></script>
		<script>
			$(function(){
				new Vue({
					el: "#app",
					data: {
						//工具背景色
						bgColor: "#545c64",
						//标题栏选项信息配置
						titleBarContents: [
							{
								title_name: "员工管理",
								href: "./empMgr.html",
							},
							{
								title_name: "部门管理",
								href: "./deptMgr.html",
							},{
								title_name: "系统管理",
								href: "./sysMgr.html",
							}
						],
						//登录后菜单选项配置
						loged_menu: [
							{
								name: "修改密码",
								href: "./modPwd.html",
								divided: false
							},
							{
								name: "修改信息",
								href: "./modInfo.html",
								divided: false
							},
							{
								name: "退出",
								href: "./logout.html",
								divided: true
							}
						],
						//侧边栏菜单内容
						asideMenu: [
							{
								name: "员工管理",
								icon: "el-icon-user-solid",
								sub: [
									{
										name: "浏览员工",
										href: "./mgrEmp.html"
									},
									{
										name: "添加员工",
										href: "./addEmp.html"
									}
								]
							},
							{
								name: "部门管理",
								icon: "el-icon-menu",
								sub: [
									{
										name: "浏览部门",
										href: "./mgrDept.html"
									},
									{
										name: "添加部门",
										href: "./addDept.html"
									}
								]
							},
							{
								name: "系统管理",
								icon: "el-icon-s-tools",
								sub: [
									{
										name: "浏览管理员",
										href: "./mgrAdmin.html"
									},
									{
										name: "添加管理员",
										href: "./addAdmin.html"
									}
								]
							}
						]
					},
					methods: {
						
					}
				});
			});
		</script>
	</head>
	<body style="margin: 0px; padding: 0px; height: 100%;">
		<div id="app" style="width:100%; height:100%;">
			<el-container style="width:100%; height:100%;">
				<!-- 标题栏 -->
			  <el-header style="padding:0px;">
					<title-bar-one-link 
						title_bar_name="员工管理系统" 
						:contents="titleBarContents" 
						active_href="./deptMgr.html"
						:loged_oper_menu="loged_menu"
						:bg_color="bgColor"
						></title-bar-one-link>
			  </el-header>
			  <el-container style="margin:0px; height:100%;">
				  <!-- 菜单栏-->
			    <el-aside width="200px"  
					:style="{margin:'0px', height:'100%', 'background-color': bgColor, overflow: 'hidden'}">
					<!-- <main-menu style="border-right: none;"></main-menu> -->
					<aside-menu style="border-right: none;"
						:menu_items="asideMenu"
						:bg_color="bgColor"
					></aside-menu>
				</el-aside>
			    <el-main>Main</el-main>
			  </el-container>
			</el-container>
			
		</div>
	</body>
</html>
